﻿
@{
    ViewBag.Title = "ProductList";
    Layout = "~/Views/_GmShopPage.cshtml";
}
<link rel="stylesheet" href="../Content/bootstrap.css">
<link rel="stylesheet" href="../Content/ProductList.css">

<div class="big">
    <div class="head">
        <div>
            <label>~~</label>
            <label id="PageName">@ViewBag.PageName</label>
            <label>~~</label>
        </div>
    </div>
    <div id="InfoList">
        <div>
            <ul>
                <li>
                    <lable>
                        <input type="checkbox" id="SelectAll">
                        <b>全选</b>
                    </lable>
                </li>
                <li><b>商品图片</b></li>
                <li><b>商品名称/出售者/联系方式</b></li>
                <li><b>价格</b></li>
            </ul>

            <ul v-for="index in CommodityInfo" class="UlList" >
                <span class="InfoID" style="opacity:0">{{index.Id}}</span>
                <div class="hr"></div>
                <li>
                    <div><input type="checkbox" class="SelectItem" v-value=""></div>
                </li>
                <li>
                    <div class="ListImage" :id="index.Id" v-bind:style=" 'background-image:url(' + index.IconPath "></div>
                </li>
                <li>
                    <span>{{index.CommodityName}}</span>
                    <span>出售人：{{index.MerchantName}}</span>
                    <div>
                        <img src="../Image/contactme.gif" alt="和我联系">
                        <label>
                            <img src="../Image/addfav.gif" alt="收藏" srcset="">
                            收藏
                        </label>
                    </div>
                </li>
                <li>
                    <label>一口价</label>
                    <br>
                    <label style="color:red;font-size:20px">{{index.Unit}}</label>
                </li>
            </ul>


            <div class="AddBox">
                <button id="AddShopCar" class="btn btn-success btn-lg">加入购物车</button>
            </div>
        </div>
    </div>
</div>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/Scripts/vue.js"></script>
<script src="~/Scripts/ProductListJs.js"></script>


